import { motion } from 'framer-motion'
import Image from 'next/image'
import MeowyImage from '@images/favicon.png'

const MeowyCard = ({ section }) => {
	return (
		<motion.a
			animate={{ opacity: ['all', 'about'].includes(section) ? 1 : 0.3 }}
			whileHover="groupHover"
			variants={{
				groupHover: {
					scale: 1.01,
					transition: {
						duration: 0.1,
						ease: 'easeInOut',
					},
				},
			}}
			href="https://thismeowydoesnotexist.com"
			target="_blank"
			rel="noreferrer"
			className="relative flex justify-center rounded-3xl bg-[#DCD7C8] dark:bg-[#0e6d98] bg-meowy col-span-1"
		>
			<div className="flex justify-center items-center">
				<Image src={MeowyImage} width={200} height={200} />
				<motion.div
					whileHover={{
						scale: [1, 1.1, 1],
						rotate: [-30, 30, -30],
						transition: {
							duration: 1,
							repeat: Infinity,
							repeatType: 'reverse',
							ease: 'easeInOut',
						},
					}}
					className="absolute bottom-0 right-0 m-2 md:w-[60px] md:h-[60px] xl:w-[100px] xl:h-[100px] w-[40px] h[40px]"
				>
					<svg
						id="Layer_1"
						data-name="Layer 1"
						xmlns="http://www.w3.org/2000/svg"
						viewBox="0 0 286.13 286.13"
					>
						<defs>
							<style
								dangerouslySetInnerHTML={{
									__html: '\n      .cls-1 {\n        fill: #f7f6f3;\n      }\n\n      .cls-2 {\n        fill: #2c3639;\n      }\n    ',
								}}
							/>
						</defs>
						<path
							className="cls-2"
							d="M266.24,133.05c-.56-2.64-1.83-5.99-3.9-10.31-4.79-9.76-12.19-17.46-21.88-22.92-.39-.24-.78-.46-1.18-.69-.5-.31-1-.61-1.51-.91-.5-.31-1-.61-1.51-.91-.5-.31-1-.61-1.51-.91-.42-.26-.83-.52-1.26-.77-.11-.42-.24-1.02-.37-1.87-1.05-7.55-4.31-14.98-9.69-22.09-4.22-5.58-9.05-9.96-14.43-13.13-.57-.37-1.15-.72-1.74-1.06-.5-.32-1-.62-1.51-.91-.5-.32-1-.62-1.51-.91-.5-.32-1-.62-1.51-.91-.5-.32-1-.62-1.51-.91-.5-.32-1-.62-1.51-.91-.5-.32-1-.62-1.51-.91-.5-.32-1-.62-1.51-.91-.5-.32-1-.62-1.51-.91-.5-.32-1-.62-1.51-.91-.5-.32-1-.62-1.51-.91-.5-.32-1-.62-1.51-.91-.5-.32-1-.62-1.51-.91-.5-.32-1-.62-1.51-.91-.5-.32-1-.62-1.51-.91-.58-.37-1.18-.72-1.77-1.06-1.78-1.12-3.63-2.11-5.53-2.95-5.73-2.44-12.33-3.67-19.61-3.67-11.1,0-20.44,2.4-27.7,7.08l-.26,.16-3.77-1.95c-5.36-3.01-11.97-4.71-19.66-5.06h-.15s-4.16,0-4.16,0c-6.87,0-9.34,.52-10.79,1-9.41,3.03-17.86,8.55-25.11,16.4-6.95,7.53-11.57,15.86-13.75,24.75-3.65,.48-7.84,2.15-12.97,5.14-5.83,3.4-10.03,6.88-12.83,10.62-5.95,7.89-8.96,17.63-8.96,28.95,0,4.91,.68,9.95,2.06,15.11,2.33,8.02,6.96,16.28,13.76,24.57,2.33,2.84,2.86,4.02,2.94,4.2,.05,.13,.52,1.41,.87,5.62,1.03,12.53,7.08,24.26,17.99,34.87,5.33,5.18,11.36,9.62,18.02,13.3,.3,.19,.61,.36,.92,.55,.49,.32,1.01,.6,1.51,.91,.49,.32,1.01,.6,1.51,.91,.49,.32,1.01,.6,1.51,.91,.49,.32,1.01,.6,1.51,.91,.49,.32,1.01,.6,1.51,.91,.49,.32,1.01,.6,1.51,.91,.49,.32,1.01,.6,1.51,.91,.49,.32,1.01,.6,1.51,.91,.49,.32,1.01,.6,1.51,.91,.49,.32,1.01,.6,1.51,.91,.49,.32,1.01,.6,1.51,.91,.49,.32,1.01,.6,1.51,.91,.39,.25,.8,.47,1.19,.72,7.92,5.16,16.86,9.15,26.74,11.87,7.38,2.14,18.43,3.18,33.77,3.18,6.7,0,12.68-.4,17.78-1.2,17.91-2.84,33.92-9.21,47.58-18.95,13.98-9.97,23.48-22.04,28.23-35.82,2.11-5.97,2.69-8.9,2.81-10.75,.29-.56,1.1-1.96,3.2-4.68,4.79-5.81,7.91-10.69,9.52-14.91,1.65-4.33,2.46-9.99,2.46-17.32,0-5.83-.26-9.76-.82-12.39Zm-99.66,4.28c.04,1.22,.14,2.4,.3,3.55-.16-.1-.33-.18-.49-.27-.5-.31-1-.62-1.51-.91-.5-.31-1-.62-1.51-.91-.5-.31-1-.62-1.51-.91-.5-.31-1-.62-1.51-.91-.5-.31-1-.62-1.51-.91-.5-.31-1-.62-1.51-.91-.44-.28-.89-.55-1.34-.81-1.3-.82-2.64-1.58-4.02-2.28,.6-.9,1.13-1.84,1.59-2.81,.1,.05,.19,.12,.29,.17,.5,.33,1,.64,1.51,.91,.5,.33,1,.63,1.51,.91,.5,.33,1,.64,1.51,.91,.5,.33,1,.64,1.51,.91,.5,.33,1,.63,1.51,.91,.5,.33,1,.63,1.51,.91,.5,.33,1,.64,1.51,.91,.5,.33,1,.63,1.51,.91,.21,.14,.42,.27,.63,.4,0,.01,0,.02,0,.04v.21Zm-93.15,23.53c.5,.32,1,.63,1.51,.91,.5,.32,1,.63,1.51,.91,.5,.32,1,.63,1.51,.91,.5,.32,1,.63,1.51,.91,.5,.32,1,.63,1.51,.91,.08,.05,.15,.11,.23,.16-.35,1.5-.65,3.04-.88,4.62-.75-.97-1.62-2.01-2.64-3.17-1.74-1.96-3.34-4.13-4.81-6.44,.18,.1,.36,.18,.54,.28Zm128.4,10.95c.32,.21,.65,.41,.98,.61-.2,.53-.41,1.07-.63,1.59-.41-.93-.84-1.84-1.29-2.74,.31,.19,.62,.36,.94,.54Zm15.05-56.81c1.58,2.71,2.67,5.46,3.33,8.3-.21-.12-.41-.25-.62-.37-.49-.33-1-.62-1.51-.91-.49-.33-1-.62-1.51-.91-.49-.33-1-.62-1.51-.91-.49-.33-1-.62-1.51-.91-.49-.33-1-.62-1.51-.91-.49-.33-1-.62-1.51-.91-.49-.33-1-.62-1.51-.91,.08-.87,.12-1.74,.12-2.63,0-2.09-.26-4.1-.72-6.04,.26,.16,.53,.32,.79,.47,.51,.33,1.01,.63,1.51,.91,.51,.33,1.01,.63,1.51,.91,.51,.33,1.01,.63,1.51,.91,.3,.2,.59,.37,.89,.55,.82,1.08,1.57,2.21,2.25,3.37Zm-81.1-34.46c.49,.36,.99,.66,1.51,.91,.49,.36,.99,.66,1.51,.91,.03,.02,.07,.05,.1,.07-1.54,1.66-2.87,3.39-3.94,5.21-.11-.07-.23-.12-.35-.19-.49-.32-1-.63-1.51-.91-.49-.32-1-.63-1.51-.91-.49-.32-1-.63-1.51-.91-.49-.32-1-.63-1.51-.91-.49-.32-1-.63-1.51-.91-.49-.32-1-.63-1.51-.91-.49-.32-1-.63-1.51-.91-.49-.32-1-.63-1.51-.91-.49-.32-1-.63-1.51-.91-.49-.32-1-.63-1.51-.91-.34-.22-.69-.45-1.04-.65-.32-.22-.65-.41-.98-.61,1.13-.68,2.26-1.26,3.42-1.73,1.26-.53,2.7-.92,4.27-1.2,0,0,.02,0,.02,.01,.49,.36,.99,.66,1.51,.91,.49,.36,.99,.66,1.51,.91,.49,.36,.99,.66,1.51,.91,.49,.36,.99,.66,1.51,.91,.49,.36,.99,.66,1.51,.91,.49,.36,.99,.66,1.51,.91,.49,.36,.99,.66,1.51,.91Zm50.05-2.39c.61,2.11,.94,3.34,1.11,4.04l-.1,.16-.14,.29c-.41,.83-.81,1.68-1.11,2.56-.07-.04-.14-.08-.2-.11-.5-.32-1-.63-1.51-.91-.5-.32-1-.63-1.51-.91-.5-.32-1-.63-1.51-.91-.5-.32-1-.63-1.51-.91-.5-.32-1-.63-1.51-.91-.5-.32-1-.63-1.51-.91-.5-.32-1-.63-1.51-.91-.5-.32-1-.63-1.51-.91-.5-.32-1-.63-1.51-.91-.25-.16-.49-.33-.74-.48,.5-.22,.98-.42,1.45-.59,2.86-1.01,6.77-1.59,11.62-1.73,.04,0,.08,0,.12,0,.59,1.28,1.14,2.6,1.62,4.04Z"
						/>
						<path
							className="cls-1"
							d="M94.78,44.83c1.34-.45,4.23-.67,8.69-.67h4.01c6.68,.3,12.26,1.71,16.71,4.25l7.35,3.8,3.57-2.23c6.24-4.02,14.26-6.03,24.07-6.03,6.38,0,12.03,1.04,16.94,3.13,6.09,2.68,11.47,7.12,16.16,13.29,4.68,6.18,7.46,12.48,8.36,18.88,.45,2.83,1.04,4.69,1.78,5.59,.74,.89,2.82,2.23,6.24,4.02,9.95,4.92,17.23,12.07,21.84,21.45,1.78,3.73,2.9,6.63,3.34,8.71,.45,2.09,.67,5.74,.67,10.95,0,6.41-.67,11.36-2.01,14.86-1.34,3.5-4.16,7.86-8.47,13.07-3.12,4.02-4.68,6.7-4.68,8.04,0,1.64-.82,4.77-2.45,9.38-4.31,12.51-12.89,23.35-25.74,32.51-12.85,9.16-27.74,15.08-44.68,17.76-4.76,.74-10.33,1.12-16.71,1.12-14.56,0-25.18-.97-31.87-2.91-14.56-4.02-26.71-10.76-36.44-20.22-9.73-9.46-15.04-19.63-15.93-30.5-.3-3.58-.74-6.11-1.34-7.6-.6-1.49-1.93-3.5-4.01-6.03-6.24-7.6-10.4-14.97-12.48-22.12-1.19-4.47-1.78-8.86-1.78-13.18,0-9.83,2.52-18.1,7.58-24.8,2.23-2.98,5.83-5.92,10.81-8.83,4.98-2.91,8.88-4.36,11.7-4.36,1.48,0,2.49-.26,3.01-.78s.93-1.6,1.23-3.24c1.78-8.19,5.91-15.79,12.37-22.79,6.46-7,13.85-11.84,22.17-14.52Zm24.51,9.16c-3.57-1.79-8.17-2.68-13.82-2.68-5.05,0-9.36,.75-12.92,2.23-5.79,2.38-11.14,6.67-16.04,12.85-4.9,6.18-7.88,12.4-8.91,18.66,0,.15-.08,.45-.22,.89-.89,5.36-1.78,8.19-2.67,8.49-.3,.15-.6,.22-.89,.22s-1.34-.15-3.12-.45c-.6-.15-1.41-.22-2.45-.22-4.16,0-8.24,1.34-12.26,4.02-4.01,2.68-7.21,6.18-9.58,10.5-1.78,3.58-2.67,8.64-2.67,15.19,0,4.62,.22,7.93,.67,9.94,.45,2.01,1.56,4.88,3.34,8.6,2.52,5.22,5.57,9.83,9.14,13.85,2.38,2.68,3.86,4.73,4.46,6.15,.59,1.42,1.04,3.99,1.34,7.71,.59,10.43,4.83,19.63,12.7,27.6,7.87,7.97,18.72,14.11,32.54,18.43,7.43,2.38,18.27,3.58,32.53,3.58,5.79,0,10.92-.37,15.38-1.12,16.79-3.28,31.2-9.42,43.23-18.43,12.03-9.01,19.31-19.25,21.84-30.72,1.34-6.4,4.24-12.21,8.69-17.43,5.49-6.4,8.25-13.78,8.25-22.12,0-6.4-1.67-12.47-5.02-18.21-3.34-5.73-8.06-10.61-14.15-14.64-3.87-2.23-6.76-3.35-8.69-3.35-1.78,0-3.79-.82-6.02-2.46-1.34-1.04-2.04-1.82-2.12-2.35-.08-.52,.26-1.53,1-3.02,.74-1.19,1.11-2.31,1.11-3.35,0-.59-.52-2.68-1.56-6.26-3.27-9.98-9.06-16.98-17.38-21-4.61-2.23-10.18-3.35-16.71-3.35-5.65,.15-10.25,.86-13.82,2.12-3.57,1.27-7.73,3.69-12.48,7.26-4.01,2.83-6.61,4.25-7.8,4.25h-.22c-1.19-.3-1.78-1.34-1.78-3.13,0-1.34,.29-2.68,.89-4.02,.45-1.19-.82-2.6-3.79-4.25ZM61.8,119.02c2.08-1.64,5.13-2.46,9.14-2.46,2.97,0,5.64,.6,8.02,1.79,3.57,1.94,6.42,4.66,8.58,8.16,2.15,3.5,3.23,7.12,3.23,10.84,0,1.64-.22,3.13-.67,4.47-1.93,6.56-6.39,9.83-13.37,9.83-5.65,0-10.47-2.2-14.48-6.59-4.01-4.39-6.02-9.2-6.02-14.41,0-4.91,1.86-8.79,5.57-11.62Zm32.09-36.42c2.38-1.49,5.57-2.23,9.58-2.23,3.71,0,6.68,.6,8.91,1.79,2.97,1.34,5.5,3.69,7.58,7.04,2.08,3.35,3.27,6.97,3.57,10.84v2.01c0,4.92-1.37,9.01-4.12,12.29-2.75,3.28-6.5,5.14-11.25,5.59-.3,0-.78,.04-1.45,.11-.67,.08-1.15,.11-1.45,.11-5.35,0-10.03-2.23-14.04-6.7-3.71-4.17-5.57-9.16-5.57-14.97,0-7.15,2.75-12.44,8.24-15.86Zm20.5,53.4c4.16-1.64,8.91-2.46,14.26-2.46,6.83,0,13,1.27,18.5,3.8,7.58,3.43,13.82,8.79,18.72,16.09,4.9,7.3,7.87,15.79,8.91,25.47l1.11,10.95-3.57,4.92c-4.16,5.96-9.06,8.94-14.71,8.94-4.16,0-8.84-1.49-14.04-4.47-5.05-2.83-9.51-4.25-13.37-4.25-3.42,0-7.58,1.12-12.48,3.35-4.9,2.38-9.73,3.58-14.48,3.58-2.82,0-5.42-.6-7.8-1.79-1.93-.89-4.01-3.21-6.24-6.93-1.93-3.43-2.9-7-2.9-10.73,0-.45,.04-1.23,.11-2.35,.07-1.12,.11-2.04,.11-2.79,.3-6.85,1.63-12.88,4.01-18.1,2.08-4.77,5.42-9.38,10.03-13.85,4.6-4.47,9.21-7.6,13.82-9.38Zm23.84-35.08c0-5.51,2.15-10.39,6.46-14.64,4.31-4.25,9.06-6.37,14.26-6.37,4.16,0,7.95,1.49,11.37,4.47,4.16,4.02,6.24,8.71,6.24,14.08s-2.01,10.5-6.02,14.97-8.69,6.7-14.04,6.7c-2.82,0-5.65-.74-8.47-2.23-2.53-1.34-4.79-3.72-6.8-7.15-2.01-3.43-3.01-6.7-3.01-9.83Zm45.46,19.66c3.27-1.79,6.46-2.68,9.58-2.68,4.46,0,8.21,1.49,11.25,4.47,3.04,2.98,4.57,6.63,4.57,10.95s-1.56,8.27-4.68,11.84c-4.76,5.22-9.96,7.82-15.6,7.82-4.76,0-8.47-1.41-11.14-4.25-2.67-2.83-4.09-6.7-4.24-11.62,0-7.15,3.42-12.66,10.25-16.54Z"
						/>
					</svg>
				</motion.div>
			</div>
		</motion.a>
	)
}

export default MeowyCard
